<!--
 * @Author: gao_m3
 * @Date: 2020-09-03 08:52:51
 * @LastEditors: wei_jt@ecidi.com
 * @LastEditTime: 2022-03-23 16:11:31
 * @Descripttion: 开发者模式页
-->
<template>
  <div
    v-popover:developer
    class="right-menu-item"
  >
    <fks-popover
      ref="developer"
      trigger="click"
      placement="bottom"
      :visible-arrow="false"
    >
      <span
        slot="reference"
        style="font-size: 14px; color: #368bff; cursor: pointer"
      >
        {{ LANG.DEVELOPER_MODE }}
        <i
          class="fks-icon-caret-bottom"
          style="margin-left: 4px; color: #333"
        />
      </span>
      <develop-item />
    </fks-popover>
  </div>
</template>

<script>
import { DevelopItem } from '@/components'
export default {
  name: 'Developers',
  components: { DevelopItem }
}
</script>

<style lang="scss" scoped>
::v-deep .fks-icon-caret-bottom::before {
  color: #368bff;
}
</style>